<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电子时钟案例</title>
    <!-- <style>
        div{
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: double #ccc;
            width: 100px;

        }
    </style> -->
</head>
<body>
    <!-- <div id="clock"></div>
    <button id="btn">暂停/开始</button> -->
    <div ></div>
    <div id="box">
        <div id="box"></div>
        <div class="bar"></div>
    </div>
    <div class="bar"></div>
    <div name="张三"></div>
</body>
<script>
    // window.onload = startTime;//当页面打开的时候，就启动方法
    // var timer = null;
    // function startTime(){
    //     var now = new Date();//获取当前的时间的毫秒数
    //     var h = now.getHours();//获取now的当前小时0-24
    //     var m = now.getMinutes();//获取now的分钟
    //     var s = now.getSeconds();//获取now秒
    //     //将分钟和秒进行两位数处理  
    //     m = m < 10 ? '0' + m : m;
    //     s = s < 10 ? '0' + s : s;

    //     document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
    //     timer = setTimeout('startTime()',1000);//重复调用
    // }

    // document.getElementById("btn").onclick = function(){
    //     if(timer){
    //         clearTimeout(timer);
    //         timer = null;
    //     }else{
    //         startTime();
    //     }

    // }

        // Object.prototype.create = function(obj){
        //     if(Object.prototype.create){
        //         return Object.prototype.create;
        //     }

        //     function F(){
        //         F.prototype = obj;//此时F相当与对象
        //         return new F();
        //     }
        // }

        console.log(document.querySelector('div'));
        console.log(document.querySelector('#box'));
        console.log(document.querySelector('.bar'));
        console.log(document.querySelector('div[name]'));
        console.log(document.querySelector('div.bar'));
        console.log(document.querySelector('div#box'));





</script>
</html>